<template>
	<view v-if="info">
		<view class="title">{{info.title}}</view>
		<view class="content">
			<mp-html :content="info.content" lazy-load></mp-html>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:''
			}
		},
		onLoad({id}) {
			this.$u.api.newsDetail({id}).then(res=>this.info = res)
		}
	}
</script>

<style lang="scss">
	.title{text-align: center;font-weight: bold;font-size: 32rpx;padding: 0 50rpx;}
	.content{padding: 20rpx 50rpx;}
</style>
